<template>
  <div>
    <el-container>
      <el-aside style="width: 200px;margin-top: 20px">
        <el-menu router :default-openeds="['1','2','3','4','5','6']">
          <el-submenu index="1">
            <template slot="title"><i class="el-icon-menu"></i>用户信息</template>
            <el-menu-item index="user">查询</el-menu-item>
            <el-menu-item index="addUser">新增</el-menu-item>
          </el-submenu>

          <el-submenu index="2">
          <template slot="title"><i class="el-icon-menu"></i>收入信息</template>
          <el-menu-item index="adminEx">查询</el-menu-item>
          <el-menu-item index="adminAddEx">新增</el-menu-item>
          </el-submenu>

          <el-submenu index="3">
            <template slot="title"><i class="el-icon-menu"></i>支出信息</template>
            <el-menu-item index="adminIn">查询</el-menu-item>
            <el-menu-item index="adminAddIN">新增</el-menu-item>
          </el-submenu>

          <el-submenu index="4">
            <template slot="title"><i class="el-icon-menu"></i>类别信息</template>
            <el-menu-item index="adminType">查询</el-menu-item>
            <el-menu-item index="adminAddType">新增</el-menu-item>
          </el-submenu>

          <el-submenu index="5">
            <template slot="title"><i class="el-icon-menu"></i>方式信息</template>
            <el-menu-item index="adminWay">查询</el-menu-item>
            <el-menu-item index="adminAddWay">新增</el-menu-item>
          </el-submenu>



          <el-submenu index="6">
            <template slot="title"><i class="el-icon-menu"></i>债务信息</template>
            <el-menu-item index="adminDebt">查询</el-menu-item>
            <el-menu-item index="adminAddDebt">新增</el-menu-item>
          </el-submenu>

        </el-menu>
      </el-aside>
      <el-main>
        <el-header style="text-align: right; font-size: 12px">
          <a href="#" @click="loginOut()">退出登陆</a>
        </el-header>
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>

</template>

<script>
  export default {
    name: "Admin",
    methods: {
      loginOut() {
        alert("退出登陆");
        // console.log(this.$store.state.user);
        this.$store.state.user=null;
        window.localStorage.removeItem('user');
        this.$router.push('/login');
      }
    }
  }
</script>

<style scoped>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }

  .el-aside {
    color: #333;
  }
</style>
